<!doctype html>
<!-- saved from url=(0022)http://internet.e-mail -->
<html>

<head>
  <meta charset="utf-8">
  <title>主页</title>
  <link rel="stylesheet" href="css/css.css" type="text/css" />
  <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
  <script type="text/javascript" src="js/Built"></script>
  <script type="text/javascript" src="js/tinybox.js"></script>
  <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i, x, a = document.MM_sr; for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d = document; if (d.images) {
        if (!d.MM_p) d.MM_p = new Array();
        var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++)
          if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; }
      }
    }

    function MM_findObj(n, d) { //v4.01
      var p, i, x; if (!d) d = document; if ((p = n.indexOf("?")) > 0 && parent.frames.length) {
        d = parent.frames[n.substring(p + 1)].document; n = n.substring(0, p);
      }
      if (!(x = d[n]) && d.all) x = d.all[n]; for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
      for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
      if (!x && d.getElementById) x = d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
      var i, j = 0, x, a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0; i < (a.length - 2); i += 3)
        if ((x = MM_findObj(a[i])) != null) { document.MM_sr[j++] = x; if (!x.oSrc) x.oSrc = x.src; x.src = a[i + 2]; }
    }

  </script>
</head>

<body class="daohang1" onLoad="MM_preloadImages('images/anniu2.png','images/an2.jpg','images/an4.jpg')">

  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="136" align="center" valign="top">
        <table width="1200" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="1200" height="136" align="center" valign="top" class="db-bg">
              <table width="122" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="122" height="14"></td>
                </tr>
                <tr>
                  <td width="122" height="122"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('anniu','','images/anniu2.png',1)"><img src="images/anniu1.png" alt="" width="122" height="122" id="anniu"></a></td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td align="center" valign="top">
        <table width="1000" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="12"></td>
          </tr>
          <tr>
            <td width="1000" height="80" align="center" valign="top" class="dh-bg">
              <table width="972" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="162" height="80" align="center" valign="middle">
                    <table width="162" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="162" height="36" align="center" valign="bottom"><a href="index.html" class="daohang1">首页</a></td>
                      </tr>
                      <tr>
                        <td width="162" height="5"></td>
                      </tr>
                      <tr>
                        <td width="162" height="39" align="center" valign="top"><a href="index.html" class="daohang2">Home</a></td>
                      </tr>
                    </table>
                  </td>
                  <td width="162" height="80" align="center" valign="middle">
                    <table width="162" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="162" height="36" align="center" valign="bottom"><a href="green.html" class="daohang1">绿色理念</a></td>
                      </tr>
                      <tr>
                        <td width="162" height="5"></td>
                      </tr>
                      <tr>
                        <td width="162" height="39" align="center" valign="top"><a href="green.html" class="daohang2">Green concept</a></td>
                      </tr>
                    </table>
                  </td>
                  <td width="162" height="80" align="center" valign="middle">
                    <table width="162" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="162" height="36" align="center" valign="bottom"><a href="qushi.html" class="daohang1">发展趋势</a></td>
                      </tr>
                      <tr>
                        <td width="162" height="5"></td>
                      </tr>
                      <tr>
                        <td width="162" height="39" align="center" valign="top"><a href="qushi.html" class="daohang2">Trends </a></td>
                      </tr>
                    </table>
                  </td>
                  <td width="162" height="80" align="center" valign="middle">
                    <table width="162" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="162" height="36" align="center" valign="bottom"><a href="mubiao.html" class="daohang1">目标</a></td>
                      </tr>
                      <tr>
                        <td width="162" height="5"></td>
                      </tr>
                      <tr>
                        <td width="162" height="39" align="center" valign="top"><a href="mubiao.html" class="daohang2">Target</a></td>
                      </tr>
                    </table>
                  </td>
                  <td width="162" height="80" align="center" valign="middle">
                    <table width="162" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="162" height="36" align="center" valign="bottom"><a href="shiming.html" class="daohang1">使命与价值</a></td>
                      </tr>
                      <tr>
                        <td width="162" height="5"></td>
                      </tr>
                      <tr>
                        <td width="162" height="39" align="center" valign="top"><a href="shiming.html" class="daohang2">Mission and Values</a></td>
                      </tr>
                    </table>
                  </td>
                  <td width="162" height="80" align="center" valign="middle">
                    <table width="162" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="162" height="36" align="center" valign="bottom"><a href="#" class="daohang1" id="click_test1">联系我们</a></td>
                      </tr>
                      <tr>
                        <td width="162" height="5"></td>
                      </tr>
                      <tr>
                        <td width="162" height="39" align="center" valign="top"><a href="#" class="daohang2" id="click_test2">Contact</a></td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td height="500" align="center" valign="top">
        <table width="1000" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="1000" height="140" class="nr-fgx">
              <table width="1000" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="20" class="nr-wenben">&nbsp;</td>
                  <td width="960" align="left" valign="middle" class="nr-wenben">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;设计，从0到1这个环节是最难的，设计可以是表达某种事物，将脑袋里看不见的点子，方案或者是某种情绪变成可视化，可运用的实物，绿色环保一直是大家挂在嘴边的、熟悉的但又空洞的一个词语，就是因为他是0而不是1，我觉得设计师们可以通过各种载体去表达绿色环保，去唤醒人们对环保的关注，或是用设计出的实际工具帮助更多的人改变过去的生活方式和生活习惯，从而潜移默化为环保做出贡献。</td>
                  <td width="20" height="140" class="nr-wenben">&nbsp;</td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td width="1000" height="800" align="center" valign="top" class="index-bg">
              <table width="1000" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="1000" height="380">&nbsp;</td>
                </tr>
                <tr>
                  <td height="135">
                    <table width="1000" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="30" align="left" valign="middle">&nbsp;</td>
                        <td width="430" height="135" align="left" valign="middle" class="nr-wenben"> 在经济发展的今天，全球化大生产不再仅仅是挑战人类极限的象征，而转向发掘人类精神协作的无限潜能。如果今后想要在这个地球上拥有美好的未来，就需要彻底的重新确定我们要解决的重点问题，那就是绿色设计。</td>
                        <td width="80" align="left" valign="middle">&nbsp;</td>
                        <td width="430" align="left" valign="middle" class="nr-wenben">绿色设计不仅需要设计师的理性，更需要新兴科学和技术的融入，同时具有广泛的社会性和持久性，绿色设计的推广不应仅限于设计师本身，更应广泛深入公众和消费者，从设计、实施、完善为结构的良性循环将对文明社会的可持续发展有深远的意义。</td>
                        <td width="30" height="135" align="left" valign="middle">&nbsp;</td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td height="170">&nbsp;</td>
                </tr>
                <tr>
                  <td width="1000" height="115">
                    <table width="1000" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="315" height="115">&nbsp;</td>
                        <td width="135" height="115" align="left" valign="top">
                          <table width="135" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td height="20">&nbsp;</td>
                            </tr>
                            <tr>
                              <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/an2.jpg',1)"><img src="images/an1.jpg" alt="" width="135" height="40" id="Image8"></a></td>
                            </tr>
                          </table>
                        </td>
                        <td width="95" height="115">&nbsp;</td>
                        <td width="135" height="115" align="left" valign="top">
                          <table width="135" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td height="70">&nbsp;</td>
                            </tr>
                            <tr>
                              <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/an4.jpg',1)"><img src="images/an3.jpg" alt="" width="135" height="40" id="Image9"></a></td>
                            </tr>
                          </table>
                        </td>
                        <td width="320" height="115">&nbsp;</td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td width="1000" height="100" align="center" valign="top">
              <div id="div" class="divStyle">
                <canvas id="liquid" width="778" height="600"> </canvas>
              </div>
              <img src="images/index.gif" width="812" height="640" alt="" /></td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td align="center" valign="top" class="bg3">
        <table width="1000" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="1000" class="bg4">
              <table width="1000" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="875" height="151">&nbsp;</td>
                  <td width="125" height="151" align="center" valign="bottom"><a href="#" class="lj" id="click_test3">Contact</a></td>
                </tr>
              </table>
          </tr>
        </table>
        </td>
    </tr>
    <tr>
      <td height="335" align="center" valign="top" class="bg1">
        <table width="1000" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="245" height="335" align="center" valign="top">
              <table width="245" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="245" height="40">&nbsp;</td>
                </tr>
                <tr>
                  <td width="245" height="25" class="db-bt">Contact us</td>
                </tr>
                <tr>
                  <td width="245" height="24">&nbsp;</td>
                </tr>
                <tr>
                  <td width="245" class="db-duanluo">Enable Road , <br> Wuzhong District, <br> Suzhou City, <br> Jiangsu Province , <br> No. 189 <br>
                    <br> 18962199634 </td>
                </tr>
              </table>
            </td>
            <td width="245" height="335" align="center" valign="top">
              <table width="245" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="245" height="40">&nbsp;</td>
                </tr>
                <tr>
                  <td width="245" height="25" class="db-bt">Follow us</td>
                </tr>
                <tr>
                  <td width="245" height="24">&nbsp;</td>
                </tr>
                <tr>
                  <td width="245" align="left" valign="top" class="db-duanluo">
                    <table width="245" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="245" height="40" align="left" valign="middle" class="bj-hx">
                          <table width="245" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="201" height="40" align="left" valign="middle"><a href="#" class="db-lj">Twitter</a></td>
                              <td width="44" height="40" align="center" valign="middle"><img src="images/1.jpg" width="21" height="21" alt="" /></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td width="245" height="40" align="left" valign="middle" class="bj-hx">
                          <table width="245" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="201" height="40" align="left" valign="middle"><a href="#" class="db-lj">Pinterest</a></td>
                              <td width="44" height="40" align="center" valign="middle"><img src="images/2.jpg" width="21" height="21" alt="" /></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td width="245" height="40" align="left" valign="middle" class="bj-hx">
                          <table width="245" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="201" height="40" align="left" valign="middle"><a href="#" class="db-lj">Linkedin</a></td>
                              <td width="44" height="40" align="center" valign="middle"><img src="images/3.jpg" width="21" height="21" alt="" /></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td width="245" height="40" align="left" valign="middle" class="bj-hx">
                          <table width="245" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="201" height="40" align="left" valign="middle"><a href="#" class="db-lj">Google+</a></td>
                              <td width="44" height="40" align="center" valign="middle"><img src="images/4.jpg" width="21" height="21" alt="" /></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td width="245" height="40" align="left" valign="middle" class="bj-hx">
                          <table width="245" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="201" height="40" align="left" valign="middle"><a href="#" class="db-lj">Facebook</a></td>
                              <td width="44" height="40" align="center" valign="middle"><img src="images/5.jpg" width="21" height="21" alt="" /></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
            <td width="510" height="335" align="center" valign="top" class="db-duanluo">
              <table width="510" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="65" height="335">
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
                  </td>
                  <td width="445" height="335" align="center" valign="top">
                    <table width="445" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="445" height="40">&nbsp;</td>
                      </tr>
                      <tr>
                        <td width="445" height="25" class="db-bt">Sign up our newsletter</td>
                      </tr>
                      <tr>
                        <td width="445" height="24">&nbsp;</td>
                      </tr>
                      <tr>
                        <td height="60" class="db-duanluo">Sign up and we'll pop a freshly-minted e-newsletter into your</br>
                          inbox at regular intervals. </td>
                      </tr>
                      <tr>
                        <td width="445" height="80" align="center" valign="middle" class="db-duanluo">
                          <table width="445" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="332"><input name="textfield" type="text" class="shurukuang" id="textfield" placeholder="Emaill address"></td>
                              <td align="left" valign="middle"><input name="button" type="button" class="tj-anniu" id="button" value="Sign up&nbsp;"></td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td height="70" align="center" valign="top" class="bg2">&nbsp;</td>
    </tr>
  </table>
  <script type="text/javascript">
    var content1 = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='506' height='506' ><param name='wmode' value='transparent'><param name='movie'  value='flash/as3_clock_2.swf' /><embed height='506' width='506' wmode='transparent' src='flash/as3_clock_2.swf' type='application/x-shockwave-flash'></embed></object>";//弹出flash动画
    T$('click_test1').onclick = function () { TINY.box.show(content1, 0, 0, 0, 1) }
    var content2 = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='506' height='506' ><param name='wmode' value='transparent'><param name='movie'  value='flash/as3_clock_2.swf' /><embed height='506' width='506' wmode='transparent' src='flash/as3_clock_2.swf' type='application/x-shockwave-flash'></embed></object>";//弹出flash动画
    T$('click_test2').onclick = function () { TINY.box.show(content2, 0, 0, 0, 1) }
    var content3 = "<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='506' height='506' ><param name='wmode' value='transparent'><param name='movie'  value='flash/as3_clock_2.swf' /><embed height='506' width='506' wmode='transparent' src='flash/as3_clock_2.swf' type='application/x-shockwave-flash'></embed></object>";//弹出flash动画
    T$('click_test3').onclick = function () { TINY.box.show(content3, 0, 0, 0, 1) }

  </script>
</body>

</html>